/*模块整体布局*/
.temp{ background: rgba(0,0,0,0.2); }
.tem1{ height:48.5%; width: 24.5%; top:1%; left: 0;  }
.tem2{ height:48.5%; width: 75%; top:1%; left: 25%;  }

.tem3{ height:48.5%; width: 24.5%; bottom:1%; left:0;  }
.tem4{ height:48.5%; width: 24.5%; bottom:1%; left:25%;  }
.tem5{ height:48.5%; width: 24.5%; bottom:1%; left:50%;  }
.tem6{ height:48.5%; width: 25%; bottom:1%; right:0;  }

/*终端设备总数情况*/
.ZDNUM{
  font-size: 0.14rem;
  color: #fff;
}
.ZDNUM_total{
  float: left;
  padding-top: 0.2rem;
  width: 40%;
  height: 40%;
  text-align: center;
}
.ZDNUM_total>span{
  font-size: 0.24rem;
  color: #64FFA3;
}
.ZDNUM_map1{
  float: right;
  width: 60%;
  height: 40%;
}
.ZDNUM_mark{
  clear: both;
  height: 10%;
  text-align: center;
}
.ZDNUM_mark span:before{
  content: "";
  display: inline-block;
  width: 0.15rem;
  height: 0.15rem;
  border-radius: 50%;
  margin-right: 0.1rem;
  margin-top: -2px;
  vertical-align: middle;
}
.mark_center{
  margin:0 0.5rem;
}
.mark_left:before{
  background: #5DFC9D;
}
.mark_center:before{
  background: #FFBC47; 
}
.mark_right:before{
  background: #FCF75D;
}
.ZDNUM_tip{
  padding-top: 0.2rem;
  font-size: 0.16rem;
  height: 10%;
  padding-left: 0.2rem;
}
.ZDNUM_tip>span{
  font-size: 0.2rem;
  color: #FCF75D;
}
.ZDNUM_map2{
  height: 40%;
}


/*自助终端--百度地图分布*/
.ZDtoMAP_temp{
  padding-top: 0.4rem;
}

.ZDtoMAP_topbar{
  position: absolute;
  width: 100%;
  top:0;
  left: 0;
  height: 0.4rem;
  padding-left: 0.2rem;
  line-height: 0.4rem;
  color: #fff;
  font-size: 0.16rem;
  background: #163364;
}
.ZDtoMAP_topbar button{
  color: #fff;
  vertical-align: top;
  font-size: 0.14rem;
}
select{
  width: 1.6rem;
  font-size: 0.16rem;
  margin:0 0.1rem;
  height: 0.24rem;
  line-height: 0.24rem;
  background: #37588E;
  color: #99C7FF;
  border-color: #37588E;
}

.map_btns{
  margin:0 0.1rem;
  width: 2rem;
  display: inline-block;
  background: #5284C5;
  text-align: center;
}
.map_btns button{
  width: 0.3rem;
  height: 0.3rem;
  margin-top: 0.04rem;
}
.map_pos_btn{
  background:#284DA4 url(../images/point.png) center/60% 60% no-repeat;
}
.map_big{
  margin:0 0.2rem;
  background:#284DA4 url(../images/big.png) center/60% 60% no-repeat;
}
.map_small{
  background:#284DA4 url(../images/small.png) center/60% 60% no-repeat;
}
.m_code{
  border:none;
  outline: none;
  display: inline-block;
  line-height: 0.24rem;
  padding:0 0.1rem;
  background: #37588E;
  font-size: 0.15rem;
  color: #99C7FF;
  width: 1.6rem;
  vertical-align: top;
  margin-top: 0.075rem;
}
.m_submit,.m_clear{
  margin:0.08rem 0.2rem;
  height: 0.24rem;
  padding:0 0.2rem;
  background: #284DA4;
}
.m_clear{
  margin:0.08rem 0;
}

.ZDtoMAP_map{
  margin-top: -70vh;
  height: 200vh;
  /*height: 100%;*/
}




/*热门终端设备TOP5，热门业务事项TOP5*/
.RMZDSBTOP5,.RMYWSXTOP5{
  position: relative;
  padding-top: 0.6rem;  
}
.RMZDSBTOP5_topbar,.RMYWSXTOP5_topbar{
  position: absolute;
  top:0;
  left:0;
  height: 0.6rem;
  width: 100%;
  text-align: center;
  padding:0 0.1rem;
}
.RMZDSBTOP5_topbar button,.RMYWSXTOP5_topbar button{
  width: 30%;
  margin-top: 0.2rem;
  background: #0D306C;
  padding:0.05rem 0.1rem;
  border: 1px solid #567DA4;
  color: #8593A8;
  border-bottom-width: 5px;
  font-size: 0.14rem;
}
.left_btn{ float: left; }
.right_btn{ float: right; }
button.active{
  background: #1B448C;
  border-color:#ABDCFC;
  color:#fff;
}
.map_box{
  padding:0.1rem;
  height: 100%;
}
.RMZDSBTOP5_map,.RMYWSXTOP5_map{
  height: 100%;
  background: rgba(0,0,0,0.5);
}



/*业务总量*/
.YWZL_temp{
  background: rgba(0,0,0,0.5);
}
.YWZL{
  position: relative;
  padding-top: 0.6rem;
}
.YWZL_total{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  height: 0.6rem;
  line-height: 0.26rem;
  font-size: 0.16rem;
  padding-top: 0.1rem;
}
.YWZL_total>span{
  font-size: 0.24rem;
  color: yellow;
}
.YWZL_map{
  height: 100%;
  /*background: green;*/
}



/*预警列表*/
.YJLB{
  position: relative;
  padding-top: 0.5rem;
  background: rgba(0,0,0,0.3);
}
.YJLB_title{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 0.5rem;
  padding:0.1rem;
  color: #fff;
  overflow: hidden;
  font-size: 0.16rem;
  background: #1B448C;
}
.YJLB_title li,.YJLB_items>li>span{ 
  float: left; 
  text-align: center; 
  line-height: 0.3rem; 
}
.YJLB_title li:nth-child(1),.YJLB_items>li>span:nth-child(1){ 
  width: 30%; 
}
.YJLB_title li:nth-child(2),.YJLB_items>li>span:nth-child(2){ 
  width: 40%; 
}
.YJLB_title li:nth-child(3),.YJLB_items>li>span:nth-child(3){ 
  width: 30%; 
}
.YJLB_items{
  height: 100%;
  padding:0 0.1rem 0.1rem 0.1rem;
}
.YJLB_items>li{
  height: 10%;
  background: rgba(0,0,0,0.6);
  color: #fff;
  overflow: hidden;
  transition: 0.5s;
}
.YJLB_items>li>span{ 
  color: #99C7FF;  
  /*font-size: 0.15rem; */
  font-size: 0.13rem; 
}
.YJLB_items>li>span{ 
  padding-top: 0.05rem; 
}
